// @primary-color: #8c0776;
@import '~animate.css/animate.min.css';
@import '~social-share.js/dist/css/share.min.css';
@import './../lib/less/font-awesome.less';
@import '~muse-ui/dist/muse-ui.css';
@import '~muse-ui-progress/dist/muse-ui-progress.css'; // @import 'fonts.useso.com/css?family=Roboto:300,400,500,700,400italic';
html,
body,
#app {
    height: 100%;
    position: relative;
    height: 100%;
    max-width: 960px;
    min-width: 320px;
}

#app {
    // background: -webkit-linear-gradient( top, #fff 20%, #eee 40%, rgba(14, 55, 236, 0.118));
    background-attachment: fixed;
    * {
        user-select: none; // touch-action: none;
    }
    overflow-y: scroll;
}

img[lazy=loading] {
    // width: auto;
    // height: auto;
    // top: 50%;
    // left: 50%;
    // transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto auto;
}

.mu-avatar {
    img[lazy=loading] {
        top: inherit;
        left: inherit;
        transform: none;
    }
}